html {
    background: #FAFAFA;
}

.bgc {
    width: 100%;
    height: 360px;
    background: url('../image/member/bgc1.png') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;

    .personal {

        width: 211px;
        height: 258px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 8px 8px 8px 8px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 20px;
        box-sizing: border-box;
    }

    .countC {
        margin-left: 20px;

        >div {
            width: 769px;
            height: 120px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 8px 8px 8px 8px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            padding-left: 20px;
            box-sizing: border-box;
        }

        .ctop {
            display: flex;
            align-items: center;

            p {
                font-weight: 500;
                font-size: 12px;
                color: #333333;
                margin-bottom: 13px;
            }

            div {
                font-weight: 500;
                font-size: 20px;
                color: #0094FF;

                margin-right: 90px;

                span {
                    font-size: 10px;
                }
            }
        }

        .cbottom {
            margin-top: 14px;
            padding: 23px 20px;

            p {
                font-weight: 400;
                font-size: 12px;
                color: #333333;
                line-height: 23px;
            }
        }

    }

    .countVip {
        width: 769px;
        margin-left: 20px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 8px 8px 8px 8px;
        height: 258px;
        text-align: center;



        .ctop {
            display: flex;
            align-items: center;
            justify-content: space-around;
            height: 49px;
            background: #FFFFFF;
            font-weight: 500;
            font-size: 17px;
            color: #333333;

            >div {
                flex: 1;
            }
        }

        .cbottom {
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding-top: 22px;

            >div {

                flex: 1;
                font-weight: 500;
                font-size: 12px;
                color: #333333;

                div {
                    display: flex;
                    justify-content: space-between;
                    width: 50%;
                    margin: 0 auto 13px;
                }
            }

        }
    }
}


.quanyi {
    margin: auto;
    width: 60%;

    >div {
        margin-bottom: 22px;

        div {
            font-weight: 600;
            font-size: 20px;
            color: #333333;
        }

        p {
            font-size: 12px;
            color: #666666;
            line-height: 18px;
            margin-top: 16px;

        }
    }

    img {
        width: 33px;
        vertical-align: middle;
        margin-right: 7px;
    }
}

.rule {
    p {
        margin-top: 0 !important;
        font-size: 12px;
        color: #666666;
        line-height: 23px !important;
    }

    background: #FFFFFF;
    padding: 20px;
}

.isLoginContent {
    margin-top: 15px;

    p {
        font-weight: 400;
        font-size: 12px;
        color: #6A6A6A;
        margin-top: 8px;
    }

    div {
        font-weight: 500;
        font-size: 12px;
        color: #76403F;
        margin-top: 7px;

        span {
            display: inline-block;
            width: 52px;
            height: 17px;
            line-height: 17px;
            border-radius: 25px 25px 25px 25px;
            border: 1px solid #FAC67D;
            font-size: 10px;
            text-align: center;
            margin-left: 8px;
            cursor: pointer;
        }
    }
}

.dialog {

    width: 100vw;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 9;

    .diaText {
        padding: 0 40px;

        >div {
            margin-top: 13px;
            display: flex;
            font-weight: 500;
            font-size: 17px;
            color: #333333;

            span {
                font-size: 10px;
            }

            p {
                width: 115px;
                font-weight: 400;
            }
        }
    }

    .zf {
        justify-content: center;

        img {
            width: 73px;
        }
    }

    .btn {
        justify-content: center;

        button {
            width: 100px;
            height: 25px;
            background: #0094FF;
            border-radius: 3px 3px 3px 3px;
            font-weight: 500;
            font-size: 12px;
            color: #FFFFFF;
        }
    }

    .tbg {
        width: 455px;
        height: 445px;
        background: url(../image/customize/tbg.png) no-repeat;
        background-size: 100% 100%;
        margin: 15% auto;
    }
}